<template>
  <div class="count">
    <div id="top-lo" class="count_count" >
      <div style="white-space: pre-wrap;line-height: 28px;font-size:14px " v-for="(item,key) in count" :key="index">
        {{item}}
        <!--        <van-highlight :source-string="'请认准蛇货协议球推介平台智博体育，已验证靠谱稳定秒出款 单场投注请勿超过5W 反常注单会引起平台注意 点击下方链接进入 智博体育1919，\\n官方投注入口>>'" />-->
        <!--        <p style="white-space: pre-wrap; "> 请认准蛇货协议球推介平台智博体育，已验证靠谱稳定秒出款 单场投注请勿超过5W 反常注单会引起平台注意 点击下方链接进入 智博体育1919，\n官方投注入口>></p>-->

      </div>
      <!--      <div>请认准蛇货协议球推介平台</div>-->
      <!--      <div>智博体育，已验证靠谱稳定秒出款</div>-->
      <!--      <div>单场投注请勿超过5W</div>-->
      <!--      <div>反常注单会引起平台注意</div>-->
      <!--      <div>点击下方链接进入</div>-->
      <!--      <div>智博体育1919，官方投注入口>></div>-->
    </div>
    <div  style="display:flex;justify-content: center" @click="openUrl">
      <div style="width: 270px;height: 50px;line-height: 50px;border-radius: 8px;background-color: #1A674E;text-align: center;color: #fff;margin-top: 30px;">点击下载APP，加私信领取</div>
    </div>
  </div>
</template>

<script setup lang="ts">
import {UserRecommendList, ShowNotice,UserWallet} from "@/api/mock";
import {ComponentInternalInstance, getCurrentInstance, onMounted, reactive,ref} from "vue";
import { useRouter } from "vue-router";
onMounted(() => {
  showNotice()
})
const router = useRouter()
const showNotice = async () => {
  const res = await ShowNotice();
  if (+res.code === 200) {
    count.value = res.data[0].activity.split('\n')
    // lead_two.value = res.data[0].lead_two.split('\n')
    // count.value = res.data[0].content.split('\n');
    // count.value = res.data[0].content.split('\n');
    // link.value =  res.data[0].link
    // banner.value = res.data[0].banner
    // banner1.value = res.data[2].banner
    // link1.value = res.data[2].link
  }
  // console.log(res)
}

const  count = ref([

])
const  openUrl = ()=>{
  window.location='https://qxq.im/'
}

// const

</script>

<style scoped lang="less">
.imgVipzhen{
  font-size: 12px;
  // padding: 2px 7px;
  border-radius: 2px;
  text-align: center;
  width: 30px;
  display: inline-block;
}
.imgTong{
  max-width: 130px;
  max-height: 150px;
}
::v-deep .van-field{
  background-color: #3E3E3E;
}
::v-deep .van-field__control{
  color: #fff;

}
.send-chat{
  padding: 6px 2%;
  width: 100%;
  display: flex;
  position: absolute;
  bottom: 0;
  background-color: #282828;
}
.line-lt{
  position: absolute;
  bottom: 8px;
  width: 30px;
  height: 3px;
  background-color: #48D9AA;
  border-radius: 2px;
}
.count_chat_box{
  background-color: #373737;
  position: relative;
}
.count{
  background-color: #282828;
  .login-box_but_list{
    padding: 0 10px;
    display: flex;
    justify-content: space-between;
    div{
      width: 100%;
      text-align: center;
      color: #fff;
    }
  }
  .count_count{
    min-height: 240px;
    margin-top: 16px;
    >div{
      //padding: 0 40px;
      color: #fff;
      text-align: center;
      font-size: 16px;
      line-height: 26px;
      font-weight: bold;
    }
  }
  .login-box_li{
    padding-left: 12px;
    //background-color: #282828;
    color: #7FDCAB;
    display: flex;
    justify-content: left;
    align-items: center;
    margin: 16px 0 0 0;
    font-weight: bold;
    font-size: 1rem;
  }
  .login-box_list{
    padding: 0px 8px 8px 8px;
  }

}
.chat_wapper{
  height: 100%;
  position: relative;
  //background-color: #f6f6f6;
}

</style>
